<template>
	<div>
		<div class="contentBox mt30">本期团队占成交收详情:</div>
		<el-table v-loading="loading" element-loading-spinner="el-icon-loading" size="mini" class="small-size-table"
			:data="dialogTableData" style="width: 100%; margin: 15px 0" :header-cell-style="getRowClass"
			highlight-current-row key="asdhb1478">
			<el-table-column prop="teamNetAmount" align="center" label="">
				<template slot-scope="scope">德州俱乐部</template>
			</el-table-column>
			<el-table-column prop="dxClubNetAmount" align="center" label="会员俱乐部游戏输赢">
				<template slot-scope="scope">
					<FormItem :scope="scope" />
					<!-- <span
							:style="
								handleNumberColor(scope.row.dxClubNetAmount)
							"
						>
							{{
								handleNumber(
									'USDT',
									scope.row.dxClubNetAmount,
									2,
									true,
									true
								)
							}}
						</span> -->
				</template>
			</el-table-column>
			<el-table-column prop="dxSquidNetAmount" align="center" label="会员鱿鱼游戏输赢">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						会员鱿鱼游戏输赢
						<!-- <el-tooltip
									class="item"
									effect="dark"
									content="tip"
									placement="top-start"
								>
									<i class="el-icon-question"></i>
								</el-tooltip> -->
					</span>
				</template>
				<template slot-scope="scope">
					<FormItem :scope="scope" />
					<!-- <span
							:style="
								handleNumberColor(scope.row.dxSquidNetAmount)
							"
						>
							{{
								handleNumber(
									'USDT',
									scope.row.dxSquidNetAmount,
									2
								)
							}}
						</span> -->
				</template>
			</el-table-column>
			<el-table-column prop="serviceChargeRoundAmount" align="center" label="会员局服务费">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						会员局服务费
						<el-tooltip class="item" effect="dark" content="汇总会员被收取的局服务费之和" placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<FormItem :scope="scope" />
					<!-- <span
							:style="
								handleNumberColor(
									scope.row.serviceChargeRoundAmount
								)
							"
						>
							{{
								handleNumber(
									'USDT',
									scope.row.serviceChargeRoundAmount,
									2,
									true,
									true
								)
							}}
						</span> -->
				</template>
			</el-table-column>
			<el-table-column prop="serviceChargeContributionRebateAmount" align="center" label="服务费贡献分成">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						服务费贡献分成
						<el-tooltip class="item" effect="dark"
							content="统计当期获得的俱乐部服务费贡献的分成金额; 公式：俱乐部服务费贡献*团队分成比例；公式仅作参考测算，测算结果不等同实际发放金额"
							placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<FormItem :scope="scope" />
					<!-- <span
							:style="
								handleNumberColor(
									scope.row
										.serviceChargeContributionRebateAmount
								)
							"
						>
							{{
								handleNumber(
									'USDT',
									scope.row
										.serviceChargeContributionRebateAmount,
									2,
									true,
									true
								)
							}}
						</span> -->
				</template>
			</el-table-column>
			<el-table-column prop="dxClubZhanchengReceiptPaymentAmount" align="center" label="德州场馆占成交收">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						德州场馆占成交收
						<el-tooltip class="item" effect="dark"
							content="汇总德州俱乐部的盈亏总额; 公式=会员俱乐部游戏输赢+会员鱿鱼游戏输赢+会员局服务费+服务费贡献分成" placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span :style="handleNumberColor(
						scope.row
							.dxClubZhanchengReceiptPaymentAmount
					)
						">
						{{
							handleNumber(
								'USDT',
								scope.row
									.dxClubZhanchengReceiptPaymentAmount,
								2,
								true,
								true
							)
						}}
					</span>
				</template>
			</el-table-column>
		</el-table>
		<el-table v-loading="loading" element-loading-spinner="el-icon-loading" size="mini" class="small-size-table"
			:data="dialogTableData3" style="width: 100%; margin: 15px 0" :header-cell-style="getRowClass"
			highlight-current-row>
			<el-table-column prop="dxClubNetAmount" align="center" label="">
				<template slot-scope="scope">
					{{ scope.row.label }}
				</template>
			</el-table-column>
			<el-table-column prop="tableData1" align="center" label="保险投注输赢">
				<template slot-scope="scope">
					<span v-if="scope.row.tableData1 != '/'" :style="handleNumberColor(scope.row.tableData1)">
						{{
							handleNumber(
								'USDT',
								scope.row.tableData1,
								2,
								true,
								true
							)
						}}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
			<el-table-column prop="tableData2" align="center" label="代理保险分成">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						代理保险分成
						<el-tooltip class="item" effect="dark"
							content="统计当期获得的会员保险投注输赢的分成金额; 公式：-（保险投注输赢*团队分成比例）；公式仅作参考测算，测算结果不等同实际发放金额"
							placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span v-if="scope.row.tableData2 != '/'" :style="handleNumberColor(scope.row.tableData2)">
						{{
							handleNumber(
								'USDT',
								scope.row.tableData2,
								2,
								true,
								true
							)
						}}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
			<el-table-column prop="tableData3" align="center" label="会员增值服务消费">
				<!-- DXCD-1107 TODO:: -->
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						会员增值服务消费
						<el-tooltip class="item" effect="dark" content="会员在德州场馆内因增值服务、商城、返利等功能引起的资金变动。"
							placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span v-if="scope.row.tableData3 != '/'" :style="handleNumberColor(scope.row.tableData3)">
						{{
							handleNumber(
								'USDT',
								scope.row.tableData3,
								2,
								true,
								true
							)
						}}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
			<el-table-column prop="tableData4" align="center" label="增值服务消费分成">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						增值服务消费分成
						<el-tooltip class="item" effect="dark" content="统计当期获得的会员增值服务消费的分成金额。" placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span v-if="scope.row.tableData4 != '/'" :style="handleNumberColor(scope.row.tableData4)">
						{{
							handleNumber(
								'USDT',
								scope.row.tableData4,
								2,
								true,
								true
							)
						}}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
			<el-table-column prop="tableData5" align="center" label="德州场馆占成交收">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						德州场馆占成交收
						<el-tooltip class="item" effect="dark"
							content="汇总账单周期内我的团队在德州场馆保险玩法和增值服务消费的支出和收入之和; 公式：保险投注输赢+代理保险分成+会员增值服务消费+增值服务消费分成"
							placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span v-if="scope.row.tableData5 != '/'" :style="handleNumberColor(scope.row.tableData5)">
						{{
							handleNumber(
								'USDT',
								scope.row.tableData5,
								2,
								true,
								true
							)
						}}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
		</el-table>
		<el-table v-loading="loading" element-loading-spinner="el-icon-loading" size="mini" class="small-size-table"
			:data="dialogTableData4" style="width: 100%; margin: 15px 0" :header-cell-style="getRowClass"
			highlight-current-row>
			<el-table-column prop="userName" align="center" label="">
				<template slot-scope="scope">
					{{ scope.row.label }}
				</template>
			</el-table-column>
			<el-table-column prop="listData1" align="center" label="会员游戏输赢">
				<template slot-scope="scope">
					<span v-if="scope.row.listData1 != '/'" :style="handleNumberColor(scope.row.listData1)">
						{{
							handleNumber(
								'USDT',
								scope.row.listData1,
								2,
								true,
								true
							)
						}}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
			<!-- <el-table-column
				prop="listData2"
				align="center"
				label="游戏输赢分摊"
				v-if="
					dialogTableData.length &&
					dialogTableData[0].zhanchengFlag != 0
				"
			>
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						游戏输赢分摊
						<el-tooltip
							class="item"
							effect="dark"
							content="计算因为占成而需要分摊的盈亏金额;公式：-（会员游戏输赢*团队占成比例）"
							placement="top-start"
						>
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span
						v-if="scope.row.listData2 != '/'"
						:style="handleNumberColor(scope.row.listData2)"
					>
						{{
							handleNumber('USDT', scope.row.listData2, 2)
						}}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column> -->
			<el-table-column prop="listData6" align="center" label="输赢重算调整">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						输赢重算调整
						<el-tooltip class="item" effect="dark" content="由于注单重算引起的输赢金额变动差值" placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span v-if="scope.row.listData6 != '/'" :style="handleNumberColor(scope.row.listData6)">
						{{ handleNumber('USDT', scope.row.listData6, 2) }}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
			<el-table-column prop="listData3" align="center" label="有效投注返点">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						有效投注返点
						<el-tooltip class="item" effect="dark"
							content="统计当期获得的有效投注返点金额; 公式：有效投注*团队返点比例；公式仅作参考测算，测算结果不等同实际发放金额" placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span v-if="scope.row.listData3 != '/'" :style="handleNumberColor(scope.row.listData3)">
						{{
							handleNumber(
								'USDT',
								scope.row.listData3,
								2,
								true,
								true
							)
						}}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
			<el-table-column prop="listData7" align="center" label="返点重算调整">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						返点重算调整
						<el-tooltip class="item" effect="dark" content="由于注单重算引起的代理返点金额变动差值" placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span v-if="scope.row.listData7 != '/'" :style="handleNumberColor(scope.row.listData7)">
						{{ handleNumber('USDT', scope.row.listData7, 2) }}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
			<el-table-column prop="listData4" align="center" label="团队占成比例">
				<template slot-scope="scope">
					<span v-if="scope.row.listData4 != '/'">
						{{ handlePercentage(scope.row.listData4) }}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
			<el-table-column prop="listData5" align="center" label="其他场馆占成交收">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						其他场馆占成交收
						<el-tooltip class="item" effect="dark" placement="top-start">
							<div slot="content">
								<p>
									统计当期其他场馆占成交收金额；公式：(会员游戏输赢+输赢重算调整+有效投注返点+返点重算调整)*(1-团队占成比例)
								</p>
							</div>
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span v-if="scope.row.listData5 != '/'" :style="handleNumberColor(scope.row.listData5)">
						{{
							handleNumber(
								'USDT',
								scope.row.listData5,
								2,
								true,
								true
							)
						}}
					</span>
					<span v-else>/</span>
				</template>
			</el-table-column>
		</el-table>
		<el-table v-loading="loading" element-loading-spinner="el-icon-loading" size="mini" class="small-size-table"
			:data="dialogTableData" style="width: 100%; margin: 15px 0" :header-cell-style="getRowClass"
			highlight-current-row>
			<el-table-column prop="teamNetAmount" align="center" label="">
				<template slot-scope="scope">其他占成交收</template>
			</el-table-column>
			<el-table-column prop="dyActivityBonusAmount" align="center" label="电子活动奖金">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						电子活动奖金
						<el-tooltip class="item" effect="dark" content="会员获得的电子场馆活动奖金" placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span :style="handleNumberColor(
						scope.row.dyActivityBonusAmount
					)
						">
						{{
							handleNumber(
								'USDT',
								scope.row.dyActivityBonusAmount,
								2,
								true,
								true
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column prop="zrRewardAmount" align="center" label="其他收支项">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						会员打赏
						<el-tooltip class="item" effect="dark" content="汇总会员打赏荷官或主播消费的金额" placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span :style="handleNumberColor(scope.row.zrRewardAmount)">
						{{
							handleNumber(
								'USDT',
								scope.row.zrRewardAmount,
								2,
								true,
								true
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column prop="memberRebateAddAmount" align="center" label="会员返水调整">
				<template slot-scope="scope">
					<span :style="handleNumberColor(
						scope.row.memberRebateAddAmount
					)
						">
						{{
							handleNumber(
								'USDT',
								scope.row.memberRebateAddAmount,
								2,
								true,
								true
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column prop="memberAccountAdjustmentAmount" align="center" label="会员账户调整">
				<template slot-scope="scope">
					<span :style="handleNumberColor(
						scope.row.memberAccountAdjustmentAmount
					)
						">
						{{
							handleNumber(
								'USDT',
								scope.row.memberAccountAdjustmentAmount,
								2,
								true,
								true
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column prop="proxyIncomeAmount" align="center" label="代理收入调整">
				<template slot-scope="scope">
					<span :style="handleNumberColor(scope.row.proxyIncomeAmount)
						">
						{{
							handleNumber(
								'USDT',
								scope.row.proxyIncomeAmount,
								2,
								true,
								true
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column prop="proxyAccountAdjustmentAmount" align="center" label="代理账户调整">
				<template slot-scope="scope">
					<span :style="handleNumberColor(
						scope.row.proxyAccountAdjustmentAmount
					)
						">
						{{
							handleNumber(
								'USDT',
								scope.row.proxyAccountAdjustmentAmount,
								2,
								true,
								true
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column prop="otherZhanchengReceiptPaymentAmount" align="center" label="其他占成交收总计">
				<template slot="header" slot-scope="{ column, $index }">
					<span>
						其他占成交收总计
						<el-tooltip class="item" effect="dark"
							content="汇总其他项盈亏的总额; 公式：电子活动奖金+会员打赏+会员返水调整+会员账户调整+代理收入调整+代理账户调整" placement="top-start">
							<i class="el-icon-question"></i>
						</el-tooltip>
					</span>
				</template>
				<template slot-scope="scope">
					<span :style="handleNumberColor(
						scope.row.otherZhanchengReceiptPaymentAmount
					)
						">
						{{
							handleNumber(
								'USDT',
								scope.row
									.otherZhanchengReceiptPaymentAmount,
								2,
								true,
								true
							)
						}}
					</span>
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>

<script>
import FormItem from './formItem.vue'
import list from '@/mixins/list'
export default {
	components: {
		FormItem
	},
	mixins: [list],
	data() {
		return {
			data: [{}],
			dialogTableData: [{}],
			dialogTableData2: [{}],
			dialogTableData3: [{}],
			dialogTableData4: [{}],
		}
	}
}
</script>
